body{
background: grey;
margin: 20px; padding: 20px;
}
table.odev {
	width: 600px;
}
table.odev.ev td.tt,
table.odev.ev td.dc
{
	/*border-radius: 2em 1em 4em / 0.5em 3em;*/
	border-top-left-radius: 2em 0.5em;
	border-top-right-radius: 1em 3em;
	border-bottom-right-radius: 4em 0.5em;
	border-bottom-left-radius: 1em 3em;
	
}
table.odev.od td.tt,
table.odev.od td.dc
{
	border-radius: 2em 1em 4em / 0.5em 3em;	
}
table.od td.tt{
	text-align: center;
	font: bold 40px Traditional Arabic;
	padding: 15px;
	border: #2px solid black;
 	background: 
		linear-gradient(rgba(255,255,255,.8),rgba(120,120,255,.8));
	color: darkblue;
}
table.od td.dc{
	text-align: justify;
	padding: 20px;
	border: #2px solid black;
	background: 
		linear-gradient(rgba(120,120,255,.8),rgba(255,255,255,.8));
	color: blue;
	font: 20px Calibri;
}

table.ev td.tt{
	text-align: center;
	font: bold 40px Traditional Arabic;
	padding: 15px;
	border: #2px solid black;
 	background: 
		linear-gradient(white,yellow);
	color: darkblue;
}
table.ev td.dc{
	text-align: justify;
	padding: 20px;
	border: #2px solid black;
	background: 
		linear-gradient(yellow,white);
	color: blue;
	font: 20px Calibri;
}
td.dc span.ar{
	font: bold 30px Traditional Arabic;
	color: darkred;
}
td.dc span.id{
	font: bold italic 20px Calibri;
}
h1.judul{
	text-align: center;
	padding: 20px;
	border: #2px solid black;
	border-radius: 20px 0px 20px 0px; 
	background: 
		linear-gradient(red,white);
	color: black;
	font: bold 30px Calibri;
}
div.mukaddimah{
	text-align: justify;
	padding: 20px;
	border: #2px solid black;
	border-radius: 4em 1em 2em / 2em 5em; 
	background: 
		linear-gradient(#ff3333,white);
	color: black;
	font: 18px Calibri;
	margin: 0 0 10px 0;
}
